﻿@{
    Layout = null;
}
<link href="~/libs/layui-v2.5.6/layui/css/layui.css" rel="stylesheet" />
<div class="layui-form-item">
    <div class="layui-btn-container">
        <label class="layui-form-label" style="width: 100px;">入库单编号</label>
        <div class="layui-input-inline layui-input-wrap">
            <input type="text" name="LnboundListCode" id="LnboundListCode" autocomplete="off" lay-affix="clear" class="layui-input">
        </div>
        <button type="button" class="layui-btn layui-bg-blue" lay-submit lay-filter="demo-table-search">查询</button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        <br />
        <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="editSupplier()">
            <i class="layui-icon layui-icon-add-circle-fine"></i>  新增
        </button>
        <button type="button" class="layui-btn layui-btn-xs layui-bg-red" lay-event="Delete">
            <i class="layui-icon layui-icon-delete"></i> 批量删除
        </button>
    </div>
    <script type="text/html" id="btn">
        <button type="button" class="layui-btn layui-btn-xs layui-bg-blue" lay-event="Update">
            <i class="layui-icon layui-icon-update" ></i> 编辑
        </button>
        <button type="button" class="layui-btn layui-btn-xs layui-bg-red" lay-event="Delete">
            <i class="layui-icon layui-icon-delete" ></i> 删除
        </button>

    </script>
</div>
<table class="layui-hide" id="Supplierid"></table>
<script src="~/libs/layui-v2.5.6/layui/layui.js"></script>
<script>

    //显示分页
    layui.use('table', function () {
        var table = layui.table;
        var form = layui.form;
        var laydate = layui.laydate;
        // 已知数据渲染
        var inst = table.render({
            elem: '#Supplierid',
            url: '/ProcurementWarehousingHome/GetProcurementWarehousing',
            cols: [[ //标题栏
                { type: 'checkbox', fixed: 'left' },
                { field: 'lnboundListCode', title: '入库单编号', width: 120 },
                { field: 'lnboundListName', title: '入库单名称', width: 210 },
                { field: 'supplierManagementName', title: '供应商名称', width: 120 },
                { field: 'lnboundTime', title: '入库日期', width: 120 },
                { field: 'purchaseOrderNumber', title: '采购订单号', width: 120 },
                {
                    field: 'dstatus', title: '单据状态', width: 120,
                    templet: function (d) {
                        return d.state ? "是" : "否"
                    }
                },
                { title: '操作', width: 160,toolbar:'#btn' }
            ]],
            //skin: 'line', // 表格风格
                //even: true,
            page: true, // 是否显示分页
            height: 500,
            limits: [5, 10, 20, 30],
            limit: 10, // 每页默认显示的数量
            where: {
                pageIndex: 1,
                pageSize: 10
            },
            parseData: function (res) {
                return {
                    code: res.code,
                    count: res.total,
                    data: res.data
                };
            },
            done: function (res, curr, count) {

            }
        });
        form.on('submit(demo-table-search)', function (data) {
            var fieId = data.fieId;
            table.reload('Supplierid', {
                page: { curr: 1 },
                where: {
                    supplierManagementCode: $('#SupplierManagementCode').val(),
                }
            });
            console.log($('#SupplierManagementCode').val())
            $.ajax({
                type: 'get',
                url: '/ProcurementWarehousing/GetProcurementWarehousing',
                data: {
                    SupplierManagementCode: $('#SupplierManagementCode').val()
                },
                success: function (res) {
                    console.log(res)

                    table.reload('SupplierManagementCode', {
                        page: { curr: 1 },
                        where: {
                            SupplierManagementCode: $('#SupplierManagementCode').val(),
                        }
                    })
                    layer.msg('搜索成功')
                },
                error: function (err) {
                    layer.msg('搜索失败')
                }
            })
            return false;
        });



    //   //修改
    // function updateSupplier(id) {
    //  // 在此处输入 layer 的任意代码
    // layer.open({
    //   type: 2, // page 层类型
    //   area: ['600px', '550px'],
    //   title: '修改供应商管理',
    //   shade: 0.6, // 遮罩透明度
    //   shadeClose: true, // 点击遮罩区域，关闭弹层
    //   maxmin: true, // 允许全屏最小化
    //   anim: 0, // 0-6 的动画形式，-1 不开启
    //   content: '/Suppliers/UpdateSuppliers?id=' + id,
    //   end: function () {
    //     location.reload(); // 刷新当前页面
    // }
    // });
    // }

    //  // 删除
    // table.on('tool(Supplierid)', function (obj) {
    // var data = obj.data;
    // if(obj.event === 'Delete'){
    //     layer.confirm('确定删除吗？', function (index) {
    //     $.ajax({
    //         type: 'post',
    //         url: '/Suppliers/Delete',
    //         data: {
    //             id: data.id
    //         },
    //         success: function (res) {
    //             if (res>0) {
    //                 layer.msg('删除成功');
    //                 obj.del(); // 删除对应行（tr）的DOM结构
    //                 layer.close(index); // 关闭弹层
    //             } else {
    //                 layer.msg('删除失败');
    //             }
    //         },
    //         error: function (err) {
    //             layer.msg('删除失败');
    //         }
    //     });
    //   });
    // }
    //   if (obj.event === "Update") {
    //       console.log(data)
    //       updateSupplier(data.id)
    //   }
    // });
    });
    //  //新增
    // function editSupplier() {
    //  // 在此处输入 layer 的任意代码
    // layer.open({
    //   type: 2, // page 层类型
    //   area: ['600px', '550px'],
    //   title: '新增供应商管理',
    //   shade: 0.6, // 遮罩透明度
    //   shadeClose: true, // 点击遮罩区域，关闭弹层
    //   maxmin: true, // 允许全屏最小化
    //   anim: 0, // 0-6 的动画形式，-1 不开启
    //   content: '/Suppliers/AddSuppliers',
    //   end: function () {
    //     location.reload(); // 刷新当前页面
    // }
    // });
    // }
</script>